<head th:fragment="shopHeader">
	<!-- Basic page needs -->
	<meta charset="utf-8">
	<!--[if IE]>
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <![endif]-->
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>莓希果缘-会员商城</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon  -->
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<!-- Google Fonts -->
	<link href='/shop/css/googleapis.css' rel='stylesheet' type='text/css'>
	<!-- Bootstrap CSS -->
	<link rel="stylesheet" type="text/css" href="/shop/css/bootstrap.min.css">
	<!-- font-awesome & simple line icons CSS -->
	<link rel="stylesheet" type="text/css" href="/shop/css/font-awesome.css" media="all">
	<link rel="stylesheet" type="text/css" href="/shop/css/simple-line-icons.css" media="all">
	<!-- owl.carousel CSS -->
	<link rel="stylesheet" type="text/css" href="/shop/css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="/shop/css/owl.theme.css">
	<link rel="stylesheet" type="text/css" href="/shop/css/owl.transitions.css">
	<!-- animate CSS  -->
	<link rel="stylesheet" type="text/css" href="/shop/css/animate.css" media="all">
	<!-- flexslider CSS -->
	<link rel="stylesheet" type="text/css" href="/shop/css/flexslider.css" >
	<!-- jquery-ui.min CSS  -->
	<link rel="stylesheet" type="text/css" href="/shop/css/jquery-ui.css">
	<!-- Revolution Slider CSS -->
	<link href="/shop/css/revolution-slider.css" rel="stylesheet">
	<!-- style CSS -->
	<link rel="stylesheet" type="text/css" href="/shop/css/style.css" media="all">
	<script type="text/javascript">
	function shopping_cart(){
		window.location.href="/shop/shopping_cart";
	}
	</script>
</head>

<div th:fragment="shopTop">
<div id="mobile-menu">
  <ul>
  	<li ><a href="javascript:vois(0);">收回</a></li>
    <li th:each="category:${categoryList}"><a th:href="${ '/shop/category/' + category.id}" th:text="${category.title}">Contact us</a></li>
  </ul>
</div>
<!-- end mobile menu -->
  <!-- Header -->
  <header>
    <div class="header-container">
      <div class="container">
        <div class="row">
          <div class="col-sm-3 col-md-3 col-xs-12"> 
            <!-- Header Logo -->
            <div class="logo">
            <a href="/shop/home"><h2>莓希果缘-会员商城</h2></a>
            </div>
            <!-- End Header Logo --> 
          </div>
          <div class="col-xs-9 col-sm-6 col-md-6"> 
          </div>
          <!-- top cart -->
          <div class="col-lg-2 col-xs-3 top-cart" onclick="shopping_cart();">
            <div class="top-cart-contain">
              <div class="mini-cart">
                <div data-toggle="dropdown" data-hover="dropdown" class="basket dropdown-toggle">
                <a href="javascript:void(0);">
                  <div class="cart-icon">
                  	<i class="fa fa-shopping-cart"></i>
                  </div>
                  <div class="shoppingcart-inner hidden-xs">
                  	<span class="cart-title">购物车</span> 
                  	<span class="cart-total" id="shoppingCartNum" ></span>
                  </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <!-- end header --> 
  
  <!-- PC菜单 -->
  <nav>
    <div class="container pc_memu">
      <div class="row">
        <div class="col-md-3 col-sm-4">
          <div class="mm-toggle-wrap">
            <div class="mm-toggle"> <i class="fa fa-align-justify"></i> </div>
            <span class="mm-label">分类</span> </div>
          <div class="mega-container visible-lg visible-md visible-sm">
            <div class="navleft-container">
              <div class="mega-menu-title">
                <h3>所有分类</h3>
              </div>
              <div class="mega-menu-category">
                <ul class="nav">
                  <li class="nosub" th:each="category:${categoryList}"><a th:href="${ '/shop/category/' + category.id}" th:text="${category.title}"></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-9 col-sm-8">
          <div class="mtmegamenu">
          <ul>
          	<li class="mt-root">
                <div class="mt-root-item">
                	  <a href="/shop/order/list">
                  	<div class="title title_font"><span class="title-text">我的订单</span> </div>
                  </a></div>
              </li>
           </ul>
          </div>
        </div>
      </div>
    </div>
  </nav>
  <!-- end nav -->
  </div> 
  
  <div th:fragment="shopFooter">
  <!-- Footer -->
  <footer>
    <div class="footer-coppyright">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-xs-12 coppyright">  老杜生物科技 </div>
        </div>
      </div>
    </div>
  </footer>
  <a href="#" class="totop"> </a>
  </div>